<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/plant.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../font/font.css">
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/tran.css">
</head>

<body>
    <script src="../lib/jquery-1.11.3.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <div class="container-fluid">
        <div class="row">
            <!-- 这是侧边栏 -->
            <div id="kong" class="col-md-2"></div>
            <div id="main_menu" class="col-md-2">
                <ul id="myul">
                    <li id="logoli">
                        <div><span class="iconfont icon-shouyefill"></span><a href="../index.html">首页</a>
                        </div>
                    </li>
                    <li id="have">
                        <div><span class="iconfont icon-tongji"></span>统计</div>
                        <ul>
                            <li><a href="../pages/zx_tongji.html">种植收购统计</a></li>
                            <li><a href="../pages/saleStatistical.html">销售统计</a> </li>
                            <li><a href="../pages/dj03.html">人员统计</a> </li>
                        </ul>
                    </li>
                    <li>
                        <div><span class="iconfont icon-zhongzhiguanli"></span>种植养殖</div>
                        <ul>
                            <li><a href="../pages/plant.html">蔬果</a></li>
                            <li><a href="../pages/farming.html">肉类</a></li>
                        </ul>
                    </li>
                    <li>
                        <div><span class="iconfont icon-caigou"></span>采购收购</div>
                        <ul>
                            <li><a href="../pages/Supplier_management.html">供应商管理</a> </li>
                            <li><a href="../pages/pick_fruit.html">蔬果</a></li>
                            <li><a href="../pages/pick_meat.html">肉类</a></li>
                        </ul>

                    </li>
                    <li>
                        <div><span class="iconfont icon-yunshuzhongwuliu-xianxing" id="logo"></span>运输</div>
                        <ul>
                            <li><a href="../pages/tran_meat.html">肉类运输</a> </li>
                            <li><a href="../pages/tran_ve.html">蔬菜运输</a></li>
                        </ul>

                    </li>
                    <li>
                        <div><span class="iconfont icon-xinruku"></span>仓库</div>
                        <ul>
                            <li><a href="../pages/stockIn.html">入库</a></li>
                            <li><a href="../pages/stockOut.html">出库</a></li>
                        </ul>

                    </li>
                    <li>
                        <div><span class="iconfont icon-shejishengchan"></span><a href="../pages/production.html">生产</a>
                        </div>
                    </li>
                    <li>
                        <div><span class="iconfont icon-xiaoshou"></span>销售</div>
                        <ul>
                            <li><a href="../pages/zx_xiaoshou.html">销售流通</a></li>
                            <li><a href="../pages/online_sho_by.html">网购</a></li>
                            <li><a href="../pages/online_retreate.html">网购-退换记录</a></li>
                            <li><a href="../pages/zx_pima.html">批码管理</a></li>
                        </ul>

                    </li>
                    <li>
                        <div><span class="iconfont icon-lajitong"></span><a
                                href="../pages/waste_management.html">废料去向</a></div>
                    </li>
                    <li>
                        <div><span class="iconfont icon-guanliyuan"></span>管理</div>
                        <ul id="secondary">
                            <li><a href="../pages/dj01.html">人员管理</a> </li>
                            <li><a href="../pages/dj02.html">操作日志</a> </li>
                            <li><a href="../pages/board.html">留言板</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div id="left_content" class="col-md-10">
                <!-- 这是头 -->
                <nav id="main_headnav">
                    <div class="clear">
                        <div class="navlefspan">
                            <span class="iconfont icon-caidan" id="hidenmenu"></span>
                            <span class="mytitle">食品流通安全管理系统</span>
                        </div>
                        <div class="navrigspan">
                            <span class="iconfont icon-tixing" id="tx"></span>
                            <!-- 头像 -->
                            <img src="../images/shouye/tx.jpg" alt="">
                            <!-- 姓名 -->
                            <span id="tc">退出</span>
                        </div>
                    </div>
                </nav>
                <div id="main_content">
                    <div id="mycentent">
                        <div id="box">
                            <div id="main">
                                <p id="mynav"><span>运输</span><span>></span><span class="mycolor2">蔬果</span></p>
                                <div id="add">
                                    <span>运输蔬果信息</span>
                                    <button>新增</button>
                                </div>
                                <div id="search" class="row ">
                                    <span>运输人员</span><input type="text" placeholder="请输入" id="sel_t_per">
                                    <span>保鲜方式</span>
                                    <select name="" id="sel_t_met">
                                        <option value="全部">全部</option>
                                        <option value="常温">常温</option>
                                        <option value="低温">低温</option>
                                        <option value="冷藏">冷藏</option>
                                    </select>
                                    <button onclick="sel()">查询</button>
                                    <button onclick="reset()">重置</button>
                                </div>
                                <table class="table table-bordered" id="mytable">
                                    <thead>
                                        <tr>
                                            <th>运输编号</th>
                                            <th>商品种类</th>
                                            <th>运输方式</th>
                                            <th>运输人员</th>
                                            <th>运输时间</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                            <div id="paging" class="clear">
                                <div>
                                    跳至
                                    <input type="text" placeholder="5" onblur="tiao()" id="tiao">
                                    页
                                </div>
                                <div>
                                    <select name="" id="gaiyema" onchange="gaiyema()">
                                        <option value="10">10条/页</option>
                                        <option value="15">15条/页</option>
                                        <option value="20">20条/页</option>
                                    </select>
                                </div>
                                <div class="clear" id="yema">
                                </div>

                            </div>
                        </div>
                        <div id="edit">
                            <!-- <span>商品图片：<img id="prc"></img></span> -->
                            <span>运输编号：<input id="ysid" disabled class="edut_input"></input></span>
                            <span>商品编号：<input id="pnum" disabled class="edut_input"></input></span>
                            <div>
                                <span>商品种类：<input id="kind" disabled></input></span><br>
                                <span>运输重量：<input id="weight" disabled></input></span><br>
                                <span>运输人员：<input id="pname" disabled></input></span><select name="" id="t_person"
                                    onchange="editPer(this)">
                                    <option value="1">叶寻山</option>
                                    <option value="2">刘锦昌</option>
                                    <option value="3">吴妙涵</option>
                                    <option value="4">白凡之</option>
                                    <option value="5">许茂芹</option>
                                    <option value="6">夏鸥</option>
                                    <option value="7">卡佛</option>
                                    <option value="8">安东都</option>
                                </select>
                            </div>
                            <div>
                                <span>商品名称：<input id="ming" disabled></input></span><br>
                                <span>保质期限：<input id="pro" disabled></input></span><br>
                                <span>运输方式：<input id="methed" disabled></input></span><select name="" id="t_methed"
                                    onchange="editMethed(this)">
                                    <option value="冷藏">冷藏</option>
                                    <option value="低温">低温</option>
                                    <option value="常温">常温</option>
                                </select>
                            </div>
                            <button onclick="editReturn()" class="return">返回</button>
                            <button onclick="editqueding()" class="quedingxiugai">确定修改</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/index.js">
    </script>
    <!-- 添加模态框 -->
    <div class="modal fade" tabindex="-1" role="dialog" id="myModal">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">新增数据</h4>
                </div>
                <div class="modal-body">
                    运输编号:<input type="" id="t_id" placeholder="格式为ys---" onblur="yanzhengid()"
                        class="form-control"><span></span>
                    商品编号: <input type="text" id="t_shopid" class="form-control"><br>
                    运输方式: <select name="" id="t_methed">
                        <option value="冷藏">冷藏</option>
                        <option value="低温">低温</option>
                        <option value="常温">常温</option>
                    </select>
                    运输人员:<select name="" id="t_person">
                        <option value="1">叶寻山</option>
                        <option value="2">刘锦昌</option>
                        <option value="3">吴妙涵</option>
                        <option value="4">白凡之</option>
                        <option value="5">许茂芹</option>
                        <option value="6">夏鸥</option>
                        <option value="7">卡佛</option>
                        <option value="8">安东都</option>
                    </select>
                    运输时间: <input type="date" id="t_time"><br>
                    运输状态: <select name="" id="t_state">
                        <option value="运输中">运输中</option>
                        <option value="未发出">未发出</option>
                        <option value="已入库">已入库</option>
                    </select>
                    到达仓库: <select name="" id="t_warehouse">
                        <option value="100001">100001</option>
                        <option value="100002">100002</option>
                        <option value="100003">100003</option>
                        <option value="100004">100004</option>
                        <option value="100005">100005</option>
                        <option value="100006">100006</option>
                        <option value="100007">100007</option>
                        <option value="100008">100008</option>
                        <option value="100009">100009</option>
                        <option value="100010">100010</option>
                    </select>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary querentianjia" data-dismiss="modal">确认添加</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <!-- 查看模态框 -->
    <div class="modal fade" tabindex="-1" role="dialog" id="myModal2">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">查看数据</h4>
                </div>
                <div class="modal-body">
                    <span>商品图片：<img id="cha_prc"></img></span><br>
                    运输编号:<input type="" id="cha_ysid" class="form-control" disabled><span></span>
                    <div class="chakan_div">商品名称: <input type="text" id="cha_shopname" disabled>
                        商品编号: <input type="text" id="cha_shopid" disabled></div>
                    <div class="chakan_div"> 运输方式: <input type="text" id="cha_methed" disabled>
                        运输人员: <input type="text" id="cha_person" disabled></div>
                    <div class="chakan_div"> 运输时间: <input type="text" id="cha_time" disabled>
                        运输状态: <input type="text" id="cha_state" disabled></div>
                    到达仓库: <input type="text" id="cha_house" class="form-control" disabled>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <!-- <button type="button" class="btn btn-primary querentianjia">确认添加</button> -->
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <!-- 删除模态框 -->
    <div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="exampleModalLabel">你确认要删除这些数据信息吗</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <p>
                                删除后将无法恢复，你还要继续吗？
                            </p>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="row">
                        <div class="col-md-2 col-md-offset-8">
                            <button type="button" class="btn-default motaidelbtn motaidelbtn  del_btn delquxiao"
                                data-dismiss="modal">取消</button>
                        </div>
                        <div class="col-md-2">
                            <button type="button" class="btn-primary  motaidelbtn motaidelbtn del_btn delqueding"
                                data-dismiss="modal" onclick="quedingshanchu()">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../js/tran/tran.js"></script>
<script>
    window.onload = function () {
        let x = $("#box").width()
        $('#box').width(x)
    }
    var shangpinzhonglei = 1;
    var kindnum = 'c1_id=1';
    var sqlkind = `SELECT * FROM transport
LEFT JOIN house ON transport.t_warehouse=house.house_id
LEFT JOIN tran_person ON transport.t_person=tran_person.p_id
LEFT JOIN purchase ON transport.t_shopid=purchase.id
LEFT JOIN goods ON purchase.p_item=goods.g_id
LEFT JOIN class2 ON class2.c2_id=goods.g_class
LEFT JOIN class1 ON class1.c1_id=class2.class1_id`
    sel()
</script>

</html>